<div data-role='page grid' class="ui-project-info-wrap" data-grid-rows="<%$($.self.utils.fusionStatusBar()?'20,':'')%>45,*,40" data-grid-cols="*">
	<%$($.self.utils.fusionStatusBarSpace(20))%>
		<%
			var info = this.info.workVo;
			var glist = this.info.commentListPage.content;
			var path = this.imgPath;
		%>
		<div class='ui-header' data-role="cell">
			<div class='ui-bar-left' data-event='tap>back'>
				<i class='ui-icon-31-back'></i>
			</div>
			<div class='ui-title'>作品详情</div>
			<div class='ui-bar-right' style="font-size: 15px;font-weight: normal;" data-event="click>collect">
				收藏
			</div>
		</div>
		<div class="ui-content ui-project-info" data-role="cell scroll">
			<ul class="ui-project-list" style="height:103px;">
				<li style="height:119px;margin-top:0;" class="ui-work-content-list">
					<div style="width:100px;height:100px;border:1px solid red; background-image:url(<%=path%><%=info.workUrl%>);">
						图片
					</div>
					<div class="ui-font13">
						<p class="ui-h4">
							<%=info.workName%>
						</p>
						<p class="ui-font-yellow ui-bottom10">
							作品类型：<%=info.workType%>
						</p>
					</div>
				</li>
				<li style="height:auto;"  class="ui-work-content-list">
					<div class="ui-info-header" style="float:none;">
						<i class="ui-icon-project ui-icon-juxing" style="height: 18px;"></i>
						<p>作品描述</p>
					</div>
					<div class="ui-info-personRequest" style="float:none;">
						<p><%=info.workDescription%></p>
					</div>
				</li>
				<li class="ui-work-content-list">
					<div class="ui-info-header">
						<i class="ui-icon-project ui-icon-juxing" style="height:18px;"></i>
						<p>留言评论</p>
					</div>
					<div class="ui-info-msg">
						<ul>
							<% glist.forEach(function(item){ %>
							<li>
								<div class="ui-photo-content">
									<i class="ui-icon-project ui-icon-blankPhoto" style="background-image:url(<%=path%><%=item.userPhoto%>);"></i>
								</div>
								<div class="ui-person-request">
									<span class="ui-font-grey"><%=item.userName%></span>
									<p><%=item.commentContent%></p>
								</div>
								<ul>
									<% item.replyList.forEach(function(o){ %>
									<li><span><%=o.userName%></span><span><%=o.commentContent%></span></li>
									<% }); %>
								</ul>
							</li>
							<% }); %>
						</ul>
					</div>
				</li>
			</ul>
		</div>

		<div class='ui-footer' data-role="cell" style="background:#ffffff;">
			<input style='height:100%;padding:0px;border-radius:0px;width:120px;float:right;' class='ui-button' type="button" value="下载作品" />
		</div>

</div>